<template>
  <el-menu
    default-active="2"
    class="el-menu-vertical-demo"
    @open="handleOpen"
    @close="handleClose"
    active-text-color="#ffd04b"
  >
    <el-menu-item index="1" router="ture" @click="index" class="one">
      <b style="font-size:30px;color:red">微课管理端</b>
    </el-menu-item>
    <el-submenu index="2">
      <template slot="title">
        <i class="el-icon-s-fold"></i>
        <span>比赛公告指南</span>
      </template>
      <el-menu-item-group>
        <router-link to="./guideList">
          <el-menu-item index="2-1">指南、公告管理</el-menu-item>
        </router-link>
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="3">
      <template slot="title">
        <i class="el-icon-s-order"></i>
        <span>赛事新闻管理</span>
      </template>
      <el-menu-item-group>
        <router-link to="./newsList">
          <el-menu-item index="3-1">新闻列表</el-menu-item>
        </router-link>
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="4">
      <template slot="title">
        <i class="el-icon-s-help"></i>
        <span>微课学院管理</span>
      </template>
      <el-menu-item-group>
        <router-link to="./college">
          <el-menu-item index="4-1">微课制作</el-menu-item>
        </router-link>
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="5">
      <template slot="title">
        <i class="el-icon-s-finance"></i>
        <span>微课作品管理</span>
      </template>
      <el-menu-item-group>
        <router-link to="./workList">
          <el-menu-item index="5-1">获奖审核</el-menu-item>
        </router-link>
        <router-link to="./examine">
          <el-menu-item index="5-2">微课审核</el-menu-item>
        </router-link>
        <!-- <router-link to="./">
          <el-menu-item index="5-2">游客审核</el-menu-item>
        </router-link>-->
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="6">
      <template slot="title">
        <i class="el-icon-s-shop"></i>
        <span>微课分类管理</span>
      </template>
      <el-menu-item-group>
        <router-link to="./classification">
          <el-menu-item index="6-1">分类展示</el-menu-item>
        </router-link>
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="7">
      <template slot="title">
        <i class="el-icon-user-solid"></i>
        <span>微课用户管理</span>
      </template>
      <el-menu-item-group>
        <router-link to="./userList">
          <el-menu-item index="7-1">用户审核</el-menu-item>
        </router-link>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>
</template>
<script>
export default {
  name: "tabBar",
  methods: {
    index() {
      this.$router.push({ path: "./index" });
    },
    handleOpen(key, keyPath) {
      console.log("oo11", key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log("enen 22", key, keyPath);
    }
  }
};
</script>
<style  lang="less" scoped>
.el-menu-item {
  background-color: transparent !important;
}
.el-menu-item:hover {
  color: #fff !important;
  background: rgb(148, 148, 148) !important;
}
.one {
  background: rgb(226, 226, 226) !important;
}
.el-menu {
  border-right: none !important;
}
</style>
